/*
 * @Author: SSD_WIN10
 * @Date: 2020-06-08 11:10:39
 * @Last Modified by: CPS
 * @Last Modified time: 2020-08-29 12:11:36
 */


// icon 转换成 svg标签
//导出成svg元素
import svgTarget from '!!svg-inline-loader!../template/icon/u101.svg';
import svgCap from '!!svg-inline-loader!../template/icon/u98.svg';
import svgZoom from '!!svg-inline-loader!../template/icon/u127.svg';
import svgChange from '!!svg-inline-loader!../template/icon/u42.svg';
import svgPics from '!!svg-inline-loader!../template/icon/u37.svg';
import svgCopy from '!!svg-inline-loader!../template/icon/u136.svg';
import svgSave from '!!svg-inline-loader!../template/icon/u139.svg';
import svgSearch from '!!svg-inline-loader!../template/icon/u21.svg';
import svgFloder from '!!svg-inline-loader!../template/icon/u168.svg';
import svgOpenFloder from '!!svg-inline-loader!../template/icon/u39.svg';
import svgLoad from '!!svg-inline-loader!../template/icon/u39.svg';
import svgReload from '!!svg-inline-loader!../template/icon/u39.svg';
import svgClose from '!!svg-inline-loader!../template/icon/u90.svg';

let svg = {
  '切换模式': svgChange,
  '图片小图标': svgPics,
  '复制': svgCopy,
  '保存': svgSave,
  '搜索': svgSearch,
  '文件夹': svgFloder,
  '打开文件夹': svgOpenFloder,
  '刷新文件夹': svgReload,
  '读取配置': svgLoad,
  '保存配置': svgSave,
  '关闭按钮': svgClose
}

// icon 转换成 文件链接
// 导出成src
import srcPicsSrc from '../template/icon/u37.svg';
import srcWord from '../template/icon/u46.svg';
import srcExcel from '../template/icon/u47.svg';
import srcPdf from '../template/icon/u48.svg';
import srcPpt from '../template/icon/u49.svg';
import srcImg from '../template/icon/u50.svg';
import srcFile from '../template/icon/u51.svg';
import srcClose from '../template/icon/u90.svg';
import srcOpenFilder from '../template/icon/u103.svg';
import srcFloder2 from '../template/icon/u168.svg';
import srcText from '../template/icon/u52.svg';

let iconPath = 'renderer/';
let src = {
  '图片小图标': iconPath + srcPicsSrc,
  'doc': iconPath + srcWord,
  'docx': iconPath + srcWord,
  'word': iconPath + srcWord,
  'xls': iconPath + srcExcel,
  'xlsx': iconPath + srcExcel,
  'excel': iconPath + srcExcel,
  'pdf': iconPath + srcPdf,
  'ppt': iconPath + srcPpt,
  'pptx': iconPath + srcPpt,
  'jpg': iconPath + srcImg,
  'jpeg': iconPath + srcImg,
  'png': iconPath + srcImg,
  'gif': iconPath + srcImg,
  'bmp': iconPath + srcImg,
  'txt': iconPath + srcText,
  'file': iconPath + srcFile,
  '文件': iconPath + srcFile,
  '关闭按钮': iconPath + srcClose,
  '打开文件夹': iconPath + srcOpenFilder,
  '文件夹': iconPath + srcFloder2,
  'floder': iconPath + srcFloder2,
}

let icon = {
  svg: svg,
  src: src
}


/**
 * { function_description }
 *
 * @param      {string}  name    The name
 * @return     {string}  { description_of_the_return_value }
 */
function n(name) {
  return 'fileWatcher__' + name
}



/**
 * 样式列表, 临时发开使用
 *
 * @type       {<type>}
 */
let tamplate = {
  html: 'session',
  style: {
    className: n('eachFloder'),
  },
  child: [{
      // header
      html: 'header',
      style: {
        className: n('floderHeader'),
      },

      child: [{
        html: 'img',
        style: {
          src: src[`文件夹`]
        }
      }, {
        html: 'span',
        style: {
          className: n('eachFloderName')
        },
        text: '、xxxxxxxx/',
      }, {
        style: {
          className: n('floderBtnGroup'),
        },
        child: [{
          html: 'img',
          style: {
            src: icon.src[`打开文件夹`],
          }
        }, {
          html: 'img',
          style: {
            src: icon.src[`关闭关联`],
          }
        }]
      }]
    },

    //每个文件内容
    {
      style: {
        className: n('floderContent')
      },
      child: [{
        style: {
          className: n('eachFile')
        },
        child: [{
          html: 'span',
          style: {
            className: n('eachFileIcon')
          },
          child: [{
            html: 'img',
            style: {
              src: icon.src['docx']
            }
          }]
        }, {
          html: 'span',
          style: {
            className: n('eachFileName'),
          },
          text: 'xxxxxxxxxxxxxxxxxxxxxx.docx'
        }, {
          html: 'span',
          style: {
            className: n('eachFileSize'),
          },
          text: '99p'
        }]
      }]
    },

    // 尾部
    {
      html: 'footer',
      style: {
        className: n('floderFooter'),
      },
      child: [{
        style: {
          className: n('word')
        },
        child: [{
          html: 'img',
          style: {
            src: icon.src['doc']
          }
        }, {
          html: 'span',
          text: 5,
          style: {
            className: n('fileCount')
          }
        }]
      }]
    }
  ]
}

//
// 文件列表的标签信息
//
// @type       {<type>}
//
let fileList = {
  '文件列表': {
    id: n('content')
  },
  '列表名称': {
    id: n('title')
  },
  '已选文件夹': {
    id: n('dirname')
  }
}
let fileWatcher = {
  '通知栏': {
    id: 'smallNoification__component'
  }
}

let ext = {
  'doc': 'word',
  'pdf': 'pdf',
  'docx': 'word',
  'xls': 'excel',
  'xlsx': 'excel',
}

export {
  icon,
  tamplate,
  ext,
}

export default {
  fileList,
  icon,
  fileWatcher,
  ext,
  msg: {
    title: '',
    content: ''
  }
}